<template>
	<!-- 首页轮播图 -->
	<div class="swipe">
		<div class="l">
			<van-swipe indicator-color="white">
				<van-swipe-item v-for="(item,i) in carouselItems" :key="i">
					<img :src=" item.img" width="100%" ></img>
				</van-swipe-item>
			</van-swipe>
		</div>
	</div>
</template>

<script>
	// import qs from "qs"
	export default {
		name: 'homeSwipe',
		data() {
			return {
				// props: {
				// 	carouselItems:Array,
				// },
				//首页轮播图
				carouselItems: [{
						img: require("@/assets/1.jpg"),
					},
					{
						img: require("@/assets/1.jpg"),
					},
					{
						img: require("@/assets/1.jpg"),
					},
					{
						img: require("@/assets/1.jpg"),
					},
				],
			}
		},
		// created() {
		// 	this.$axios.post("http://110.42.179.143:8088/system/trends/add",qs.stringify({

		// 	}))
		// 	.then(res=>{
		// 		console.log(res)
		// 	})
		// 	.catch(error=>{
		// 		console.log(error)
		// 	})
		// }
	}
</script>

<style>
	.swipe {
		display: flex;
		justify-content: space-around;
	}

	.l {
		margin-top: 2%;
		width: 95%;
		border-radius: 15px;
	}
	.l img{
		border-radius: 15px;
	}
</style>
